<style type="text/css">
.status{
    border: 1px solid gray; 
    background-color: white; 
    padding: 5px; 
    width: 160px;
    margin: 2px 20px 5px 20px;
}
img.concluido {
    margin-right: 5px;
}

</style>


<script type="text/javascript">
 $(document).ready(function(){
     $(".status").hide();
    $(".etapa").each(function(){
        $(this).click(function(){
            $(".status").each(function(){ $(this).hide("slow");});
            $id=$(this).attr('id');
            $status = $('#status_'+$id);
            if ($status.is(":hidden")) {
                $status.slideDown();
            } else {
                $status.slideUp();
            }       
        });
    });
 });
</script>
<?php
    $this->title = "Detalhes";
    $this->headTitle($this->title);
?>
<h1><?php echo $this->curso['curso']; ?></h1>
<h2><?php echo $this->etapa['etapa']; ?></h2>
<?php echo $this->tarefas; ?>
<br/><br/>
    <a class="linkBtn" href="<?php echo $this->url(array('controller'=>'cursos','action'=>'detalhe','id'=>$this->curso['id']));?>">Voltar</a>
<br/>
